#myFlex {
  // 横向
  .rcc {
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .rcs {
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }

  .rss {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
  }
  .rssb {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
  }

  .rcsb {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .rcsa {
    display: flex;
    justify-content: space-around;
    align-items: center;
  }

  .rcfs {
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }

  .rcfe {
    display: flex;
    justify-content: flex-end;
    align-items: center;
  }

  .rfes {
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
  }

  .rcsWrap {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
  }

  // 纵向
  .ccc {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .ccsb {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
  }

  .ccsa {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
  }

  .cssb {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .ccs {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
  }

  .cssa {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: flex-start;
  }

  .csc {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
  }

  .ccfs {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
  }
}
